<div class="it-box">
    <div class="body">
        <!-- Logo !-->
        <div>
            <a href="/" class="it-logo clickurl" aria-label="Transfer.it"></a>
        </div>

        <!-- Section buttons for not logged in !-->
        <div class="sections">
            <div class="section logged-out">
                <button class="it-button ghost js-features-btn hidden" data-page="features">
                    <i class="sprite-it-x24-mono icon-star"></i>
                    <span>[$23377]</span>
                </button>
                <button class="it-button ghost js-compare-btn hidden" data-page="compare">
                    <i class="sprite-it-x24-mono icon-trophy"></i>
                    <span>[$transferit_compare]</span>
                </button>
            </div>
            <div class="section logged-in">
                <button class="it-button ghost js-dashboard-btn hidden" data-page="dashboard">
                    <i class="sprite-it-x24-mono icon-arrow-up-circle"></i>
                    <span>[$1346]</span>
                </button>
            </div>
        </div>

        <!-- General buttons !-->
        <div class="account">
            <button class="it-button js-login-btn js-logged-out-elm hidden">
                <span>[$transferit_login_w_mega]</span>
            </button>
            <div class="it-avatar lg-size js-avatar js-logged-in-elm hidden">
                <span></span>
            </div>
            <button class="it-button outline js-close hidden">
                <span>[$148]</span>
            </button>
            <button class="it-button js-visit-it hidden">
                <span>[$transferit_visit]</span>
            </button>
            <button class="it-button ghost js-menu-btn hidden" aria-label="[$169]">
                <i class="sprite-it-x24-mono icon-menu"></i>
            </button>
        </div>

    </div>
</div>
